<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="zh-cn"><head>
<base href="<%=basePath%>">

<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta http-equiv="Content-Language" content="zh-cn">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="mobile-agent" content="">
    <meta name="applicable-device" content="pc">
    <title>专辑库 - QQ音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台！</title>
	<link rel="stylesheet" href="static/special/css/layout_0412.css">
	<link rel="stylesheet" href="static/special/css/album.css">
	<link rel="stylesheet" href="static/special/css/popup_login.css">
	<link rel="stylesheet" href="static/special/css/qb-ie-remind.css">
</head>
<body class="page_album_all os_mac">
    <!-- 头部 N -->
		<jsp:include page="musicTop.jsp"></jsp:include>
   	<!-- 头部 S -->
    <div class="main" style="">
        <!-- 标签筛选 -->
        <div class="mod_tag" id="tag_list">
            <div class="tag__list">
		
                <a class="tag__item tag__item--select">内地</a>
                <a class="tag__item ">港台</a>
                <a class="tag__item ">欧美</a>
                <a class="tag__item ">韩国</a>
                <a class="tag__item ">日本</a>
                <a class="tag__item ">其他</a>
		
            </div>
</div>
            
        <div class="mod_part_detail">
            <div class="mod_playlist mod_playlist--all">
                <ul class="playlist__list" id="album_list">
                
                 <c:forEach items="${pd.dataList }" var="pd">
					<li class="playlist__item">
						<div class="playlist__item_box">
							<div class="playlist__cover mod_cover">
								<a href="special/list2?musicId=${pd.musicId }&specialId=${pd.specialId}">
									<img src="${pd.specialPhoto }" class="playlist__pic">
									<i class="mod_cover__icon_play js_play"></i>
								</a>
							</div>
							<h4 class="playlist__title">
								<span class="playlist__title_txt">
									<a href="special/list2?musicId=${pd.musicId }&specialId=${pd.specialId}">${pd.specialName}</a>
								</span>
							</h4>
							<div class="playlist__author">
									<a href="singer/list2?musicId=${pd.musicId }&singerId=${pd.singerId}" class="js_singer">${pd.singerName}</a>
							</div>
							<div class="playlist__other">
								${pd.issueDate}
							</div>
						</div>
					</li>
                </c:forEach>
      
					
				</ul>
            </div>

        <div class="mod_page_nav js_pager">
        
          <a href="special/list?curPage=1">首页</a>
    			<c:if test="${pd.curPage>1}">
    			<a href="special/list?curPage=${pd.curPage-1}">上一页</a>
    			</c:if>
    			
    			<c:if test="${pd.curPage==1 }">
    			<span>上一页</span>
    			</c:if>
    			
    			<!-- 生成连续页码 -->
    			<c:forEach begin="1" end="${pd.totalPage }" var="i">
	    			<c:if test="${pd.curPage == i }">
	    				<span>${i }</span>
	    			</c:if>
	    			<c:if test="${pd.curPage!=i}">
    					<a href="special/list?curPage=${i}">${i }</a>
    				</c:if>
    			</c:forEach>
    			
    			<c:if test="${pd.curPage<pd.totalPage }">
    			<a href="special/list?curPage=${pd.curPage+1}">下一页</a>
    			</c:if>
    			
    			<c:if test="${pd.curPage == pd.totalPage }">
    			<span>下一页</span>
    			</c:if>
    			
    			<a href="special/list?curPage=${pd.totalPage}">尾页</a>
    
     <!-- 
        <a href="special/list" class="js_pageindex" data-index="2" hidefocus="">2</a>
        <a href="javascript:;" class="js_pageindex" data-index="3" hidefocus="">3</a>
        <a href="javascript:;" class="js_pageindex" data-index="4" hidefocus="">4</a>
        <strong class="more">...</strong>
        <a href="javascript:;" class="js_pageindex" data-index="10" hidefocus="">10</a>
       
        <a href="javascript:;" class="next js_pageindex" data-index="2" title="下一页" hidefocus=""><span>&gt;</span></a>
          -->
        </div>
        </div>
    </div>


		<!-- 尾部 N -->
			<jsp:include page="musicFoot.jsp"></jsp:include>
		<!-- 尾部 S -->
</body>
</html>
